html, body, #app {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
    background: #f6f8fa;
/*  盒子模型向内更改  */
    box-sizing: border-box;
    overflow: hidden;
}
* {
    box-sizing: border-box;
    font-weight: bold;
}
/* element ui的弹窗z高度 */
.el-message {
    z-index: 9999 !important;
}
/* 链接样式 */
a {
    color: #409EFF;
    text-decoration: none;
}

.el-input__inner, .el-textarea__inner {
    border-width: 3px !important;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #9ae7ff, #85b4ff);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, #618a98, #4d6893);
}
.hover-underline {
    cursor: pointer;
    position: relative; /* 为伪元素定位提供参照 */
    display: inline-block; /* 确保下划线宽度与内容一致 */
}

.hover-underline::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; /* 下划线位置 */
    width: 0; /* 初始宽度为0 */
    height: 2px; /* 下划线粗细 */
    background-color: currentColor; /* 使用文字颜色 */
    transition: width 0.3s ease; /* 过渡效果 */
}
/* 半透明 + 模糊背景 */
.custom-dialog {
    text-shadow: 2px 2px 6px white;
    background: rgba(255, 255, 255, 0.7) !important; /* 半透明背景（可调整透明度） */
    backdrop-filter: blur(10px); /* 背景模糊效果（数值越大越模糊） */
}
::v-deep .el-dialog{
    background: none !important;
}
.hover-underline:hover::after {
    width: 100%; /* 悬停时宽度100% */
}